.NavigationItem{
    margin: 10px 0;
    box-sizing: border-box;
    display:block;
    width: 100%;

}
.NavigationItem a{
    color:#8f5c2c;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    display:block;
}
.NavigationItem a:hover,.NavigationItem a:active,.NavigationItem a.active{
    color:#40ac48;

}


@media (min-width:500px){
    .NavigationItem{
        margin: 0;
        display:flex;
        height: 100%;
        width: auto;
        align-items: center;
    }
    .NavigationItem a{
        color:white;
        text-decoration: none;
        height: 100%;
        padding:16px 10px;
        border-bottom:4px solid transparent;
        box-sizing: border-box;
        display:block;
    }
    .NavigationItem a:hover,.NavigationItem a:active,.NavigationItem a.active{
        background-color:#8F5C2C;
        border-bottom:4px solid #40a4c8;
        color:white;

    }
}
